/*****************************************
 ** Defaults
 ****************************************/
.feather-menu-container * {
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
.feather-menu-container {
	position: fixed;
	top: 0;
	width: 290px;
	height: 100%;
	z-index: 6000;
	overflow: hidden;
	background: #000000;
	-webkit-transition: -webkit-transform .5s;
	   -moz-transition: -moz-transform .5s;
	    -ms-transition: -ms-transform .5s;
	     -o-transition: -o-transform .5s;
			transition: transform .5s;
	-webkit-transform: translate3d(-290px,0,0);
	   -moz-transform: translate3d(-290px,0,0);
		-ms-transform: translate3d(-290px,0,0);
	     -o-transform: translate3d(-290px,0,0);
			transform: translate3d(-290px,0,0);
}
	.admin-bar .feather-menu-container {
		top: 32px;
	}
	@media screen and (max-width: 782px) {
		.admin-bar .feather-menu-container {
			top: 46px;
		}
	}
.feather-menu {
	
}
.feather-menu,
.feather-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.feather-menu li {
	display: block;
}
.site {

}
.feather-menu-container .top-bar {
	overflow: hidden;
	margin: 0 0 10px;
}

/*****************************************
 ** Show when active
 ****************************************/
.feather-menu-active {
	overflow-x: hidden;
}
.feather-menu-active .feather-menu-container {
	display: block;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}
.site {
	-webkit-animation-delay: .2s; /* Chrome, Safari, Opera */
    animation-delay: .2s;
	-webkit-transition: -webkit-transform .5s;
	   -moz-transition: -moz-transform .5s;
		-ms-transition: -ms-transform .5s;
		 -o-transition: -o-transform .5s;
			transition: transform .5s;
}
.feather-menu-active .site {
	position: relative;
	left: 0;
	top: 0;
	z-index: 250;
	padding-top: 1px;
	margin-top: -1px;
	-webkit-transform: translate3d(290px,0,0);
       -moz-transform: translate3d(290px,0,0);
  		-ms-transform: translate3d(290px,0,0);
  	 	 -o-transform: translate3d(290px,0,0);
  			transform: translate3d(290px,0,0);
}

/*****************************************
 ** Trigger
 ****************************************/
#feather-menu-trigger {
	position: absolute;
	top: 52px;
	right: 20px;
	padding: 1.5em;
	background: center/contain no-repeat url('menu.png');
}
#active-close-feather-menu {
	width: 50px;
	height: 50px;
	background: rgba( 255, 255, 255, .15 ) center/contain no-repeat url('close.png');
	display: inline-block;
	float: right;
}

/*****************************************
 ** Level 0
 ****************************************/
.feather-menu > li > a {
	color: #ffffff;
	display: block;
	padding: 15px;
	border-top: 1px solid rgba( 255, 255, 255, .2 );
	background: rgba( 255, 255, 255, .05 );
}
.feather-menu li.menu-item-has-children > a:after {
	content: '\203A';
	font-size: 2em;
	line-height: 1;
	opacity: .75;
	margin-left: 10px;
	transform: rotate(90deg);
	float: right;
}
.feather-menu > li:last-child > a {
	border-bottom: 1px solid rgba( 255, 255, 255, .2 );
}

/*****************************************
 ** Level 1
 ****************************************/
.feather-menu > li ul {
	display: none;
	padding: 10px 0;
}
.feather-menu > li ul li a {
  color: #C2C2C2;
  padding: 5px 15px;
  display: block;
}